<script>
  import Student from "./components/Student";
  import School from "./components/School";

  export default {
    name: "App",
    data() {
      return {
        msg: "Hello World!"
      }
    },
    methods: {
      showDOM() {
        // console.log(document.getElementById("h1_dom"));
        console.log("Student ref:", this.$refs.school)
      }
    },
    components: {Student, School}
  }
</script>

<template>
  <div>
    <Student />
    <hr/>
    <School />
  </div>
</template>

<style scoped>
  .title {
    color: red;
  }
</style>